<template>
  <view>
    <view class="New">
      <view class="banxin">
        <!-- 头像盒子 -->
        <view class="left">
          <wd-badge :modelValue="props.new.num" top="10rpx" right="0.7rem">
            <img
              :src="props.new.url"
              alt=""
              style="width: 90rpx; height: 90rpx; margin: 0rpx 20rpx; border-radius: 100%"
            />
          </wd-badge>
        </view>
        <!-- 文字区域 -->
        <view class="rigth">
          <!-- 上方文字 -->
          <view style="display: flex; justify-content: space-between">
            <view>{{ props.new.name }}</view>
            <view style="font-size: 24rpx; color: #979797">{{ props.new.tiem }}</view>
          </view>
          <!-- 下方文字 -->
          <view>
            <view style="font-size: 24rpx; color: #979797">
              {{ props.new.title }}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view style="width: 100%; height: 2rpx; border-bottom: 1rpx solid #979797"></view>
  </view>
</template>

<script setup>
const props = defineProps(["new"]);
console.log();
</script>

<style lang="scss" scoped>
.New {
  display: flex;
  align-items: center;
  width: 750rpx;
  height: 150rpx;

  .banxin {
    display: flex;
    align-items: center;
    width: 690rpx;
    margin: auto;
    line-height: 50rpx;
  }
}
</style>
